<template>
    <div>
        <button @click="C='CDao1'">草莓蛋糕</button>
        <button @click="C='CDao2'">榴莲蛋糕</button>
        <button @click="C='CDao3'">芒果蛋糕</button>
        <component :is="C"></component>
    </div>
</template>
<script>
import CDao1 from "../CDao/CDao1"
import CDao2 from "../CDao/CDao2"
import CDao3 from "../CDao/CDao3"
export default{
    components:{
        CDao1,
        CDao2,
        CDao3
    },
    data() {
        return {
            C:''
        }
    },
}
</script>